<!--
 * @Description: 信息报送
 * @Author: Lihuanyu
 * @Date: 2021-09-03 16:09:22
 * @LastEditors: Lihuanyu
 * @LastEditTime: 2021-09-06 18:12:42
-->
<template>
  <view>
    <commonTab
      value="history"
      :list="tabList"
      @tab-click="tabClick"
    ></commonTab>
    
		<view class="list-content">
			<view v-if="currentName === 'history'">
				<historyList/>
			</view>
			<view v-if="currentName === 'draft'">
				<draftList/>
			</view>
		</view>
  </view>
</template>

<script>
import commonTab from "@/components/commonTab";
import historyList from "./history";
import draftList from "./draft";
export default {
  components: {
    commonTab,
		draftList,
		historyList
  },
  data() {
    return {
      currentName: "history",
      tabList: [
        {
          label: "历史报送",
          value: "history",
        },
        {
          label: "草稿箱",
          value: "draft",
        },
      ],
    };
  },
  methods: {
    tabClick(e) {
      console.log(e);
			this.currentName = e
    },
  },
};
</script>

<style lang="scss" scoped>
*{
	box-sizing: border-box;
}
.list-content{
	background: rgb(249, 249, 249);
	padding-top: 32rpx;
	height: calc(100% - 200rpx);
	.event-list{
		background: #fff;
		padding: 0 24rpx;
	}
}
</style>>

